<!DOCTYPE html>
<html lang="en">
<head>
    <title>流程操作</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/lib/layuiadmin/style/admin.css" media="all">
</head>
<body style="margin:0;padding:0px;border:0;width:100%;background: #fff">


<div id="progressView_timeline" style="overflow:auto;">
    <ul class="layui-timeline" style="width: 50%; margin: auto;padding-top: 30px;">
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe66c;</i>
            <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title">
                    <h3 class="layui-timeline-title">【开始】</h3>
                </div>
            </div>
        </li>

        <li v-for="(sysTask, index) in sysTasks" class="layui-timeline-item">
            <i v-if="index == sysTasks.length-1 && sysTask.activityCode != 'end'" class="layui-icon layui-timeline-axis" style="color: red" >&#x1005;</i>
            <i v-if="index != sysTasks.length-1" class="layui-icon layui-timeline-axis" >&#x1005;</i>

            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">{{sysTask.createTime}}</h3>
                <h4 class="layui-timeline-title">【办理环节】{{sysTask.activityName}}</h4>
                <h4 v-if="sysTask.activityCode != '001' && sysTask.activityCode != 'end'" class="layui-timeline-title">【环节类型】{{sysTask.taskType}}</h4>
                <h4 v-if="sysTask.activityCode != '001' && sysTask.activityCode != 'end'" class="layui-timeline-title">【待办人员】{{sysTask.todoUserName}}</h4>
                <h4 class="layui-timeline-title">【办理人员】{{sysTask.userName}}</h4>
            </div>
            <div style="height: 25px;"></div>
        </li>



    </ul>
</div>
<script language="JavaScript" src="/static/lib/layuiadmin/layui/layui.js"></script>
<script language="JavaScript" src="/static/lib/layuiadmin/layui/layui.all.js"></script>
<script language="JavaScript" type="text/javascript" src="../../../common/common.js"></script>
<script language="JavaScript" type="text/javascript" src="../../../common/vue.min.js"></script>
<script language="JavaScript" type="text/javascript" src="viewTimeline.js"></script>
</body>
</html>